<template>
	<view class="patient-infor">
		<view class="patient-flex">
			<text class="patient-name">李四</text>
			<text class="patient-text">自己</text>
		</view>
		<view class="patient-flex patient-sex">
			<text>男</text>
			<text>20岁</text>
			<text>13716052241</text>
		</view>
	</view>
	<!-- 提交 -->
	<view class="submit">
		<text @click="canCel">取消</text>
		<text @click="addTo">添加就诊人</text>
	</view>
	<ponit :show="false" title="暂无数据" />
	<view style="height:300rpx"></view>
</template>

<script setup lang="ts">
// 1.引入基础模块
import { reactive, toRefs } from 'vue'
import { onShow } from "@dcloudio/uni-app";
// 公用提示组件
import ponit from '@/components/point.vue'

function addTo() {
	uni.navigateTo({ url: "/pages/myPatient/addPatient" })
}

</script>

<style>
@import url('../../common-style/form.css');

page {
	background-color: #f6f6f6;
}

.patient-infor {
	background-color: #ffffff;
	margin: 20rpx;
	border-radius: 15rpx;
	font-size: 28rpx;
}

.patient-flex {
	display: flex;
	align-items: center;
	padding: 20rpx;
}

.patient-name {
	font-size: 35rpx;
	font-weight: bold;
}

.patient-flex text {
	margin-right: 15rpx;
}

.patient-text {
	background-color: #d6f3ff;
	color: #78beff;
	padding: 2rpx 15rpx;
}

.patient-sex {
	color: #7c96af;
}
</style>